define(['text!service/service.html'],
	function(viewTemplate) {
		return Piece.View.extend({
			id: 'service_service',
			events: {
				"click #instructions": "instructions",
				"click #standards": "standards",
				"click #tips": "tips",
				"click #charges": "charges",
				"click #warrantyCard": "warrantyCard",
				"click #repair": "repair",
				"click #serviceCharge": "serviceCharge",
			},
			render: function() {
				$(this.el).html(viewTemplate);

				Piece.View.prototype.render.call(this);
				return this;
			},
			onShow: function() {


				//write your business logic here :)
			},
			serviceCharge: function() {

				this.container.navigateForResult('/service/serviceCharge', {
					trigger: true
				}, 'service/service', this.onGotResult);
			},
			repair: function() {

				this.container.navigateForResult('/service/repair', {
					trigger: true
				}, 'service/service', this.onGotResult);
			},
			warrantyCard: function() {

				this.container.navigateForResult('/service/warrantyCard', {
					trigger: true
				}, 'service/service', this.onGotResult);

			},


			instructions: function() {

				this.container.navigateForResult('/service/instructions', {
					trigger: true
				}, 'service/service', this.onGotResult);
			},
			standards: function() {


				this.container.navigateForResult('/service/standards', {
					trigger: true
				}, 'service/service', this.onGotResult);
			},
			tips: function() {


				this.container.navigateForResult('/service/tips', {
					trigger: true
				}, 'service/service', this.onGotResult);
			},
			charges: function() {


				this.container.navigateForResult('/service/charges', {
					trigger: true
				}, 'service/service', this.onGotResult);
			}
		}); //view define

	});